<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>首页</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/keyframes.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/Icon/iconfont.css" />
</head>

<body>
<!-- HEAD -->
<!-- show 显示导航 -->
<!--<header class="head">
	<section class="head_main">
        <h1>金乐乐珠宝</h1>
        <a class="icon more" href="">&#xe6ff;</a>
    </section>
	<section class="user">
		<i class="icon"></i>
        <span class="menu">
        	<a href=""><em><img src="Images/column@_07.png"></em><i>主页</i></a>
            <a href=""><em><img src="Images/column@_06.png"></em><i>商场</i></a>
            <a href=""><em><img src="Images/column@_01.png"></em><i>翻新</i></a>
            <a href=""><em><img src="Images/column@_02.png"></em><i>维修</i></a>
            <a href=""><em><img src="Images/column@_03.png"></em><i>检查</i></a>
            <a href=""><em><img src="Images/column@_04.png"></em><i>回收</i></a>
            <a href=""><em><img src="Images/column@_05.png"></em><i>换款</i></a>
      	</span>
	</section>
    <section class="user_bg"></section>
</header>-->
<!-- HEAD NED -->

<!-- BANNER -->
<main class="banner">
	<ul class="swiper-wrapper">
    	<li class="swiper-slide"><a href=""><img src="${basePath}/resources/weixin/Images/com/001.jpg"></a></li>
    	<li class="swiper-slide"><a href=""><img src="${basePath}/resources/weixin/Images/com/001.jpg"></a></li>
    	<li class="swiper-slide"><a href=""><img src="${basePath}/resources/weixin/Images/com/001.jpg"></a></li>
  	</ul>
    <section class="spot"></section>
</main><!-- BANNER END -->

<!-- 搜索 -->
<section class="search">
	<span class="search_main"><input placeholder="您要搜索的内容..." type="text"></span>
	<a class="icon" href="">&#xe60a;</a>
</section>

<!-- 主功能 -->
<section class="column">
    <a href="${weixinPath}/refurbish/index"><i><img src="${basePath}/resources/weixin/Images/column@_01.png"></i><em>翻新</em></a>
    <a href="${weixinPath}/repair/index"><i><img src="${basePath}/resources/weixin/Images/column@_02.png"></i><em>维修</em></a>
    <a href="${weixinPath}/testing/index"><i><img src="${basePath}/resources/weixin/Images/column@_03.png"></i><em>检测</em></a>
    <a href="${weixinPath}/recovery/index"><i><img src="${basePath}/resources/weixin/Images/column@_04.png"></i><em>回收</em></a>
    <a href="${weixinPath}/exchange/index"><i><img src="${basePath}/resources/weixin/Images/column@_05.png"></i><em>换款</em></a>
</section>

<!-- 材质 -->
<section class="nav">
    <a href="${weixinPath}/shop/goodlist"><i>K金</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_01.jpg"></em></a>
    <a href=""><i>铂金</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_02.jpg"></em></a>
    <a href=""><i>彩色宝石</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_03.jpg"></em></a>
    <a href=""><i>黄金</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_04.jpg"></em></a>
    <a href=""><i>硬金</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_05.jpg"></em></a>
    <a href=""><i>珍珠</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_06.jpg"></em></a>
    <a href=""><i>钻石</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_07.jpg"></em></a>
    <a href=""><i>其它</i><em><img src="${basePath}/resources/weixin/Images/com/nav@_08.jpg"></em></a>
</section>

<!-- 栏目类型 -->
<section class="assortment">
	<ul>
        <li><a href="">手链</a></li>
        <li><a href="">戒指</a></li>
        <li><a href="">吊坠</a></li>
        <li><a href="">耳环</a></li>
        <li><a href="">手镯</a></li>
        <li><a href="">项链</a></li>
        <li><a href="">金条</a></li>
        <li><a href="">套链</a></li>
    </ul>
</section>

<!-- 新品推荐 -->
<section class="recommend">
	<span class="title"><i>新品推荐</i></span>
    <ul>
        <c:forEach  items="${goods}" var="item" varStatus="status" begin="0" end="2">
    	<li>
        	<a href="">
       		<span class="pic"><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
        	<span class="text">${item.title}</span>
            <em>￥${item.saleprice}</em>
            <i class="icon">&#xe68d;</i>
        	</a>
        </li>
         </c:forEach>
    </ul>
</section>

<!-- 产品列表 -->
<main class="list">
    <c:forEach  items="${goods}" var="item" varStatus="status" begin="0" end="2">
        <section class="list_main">
            <a href="">
                <span class="pic"><img src="${basePath}/resources/weixin/Images/com/02.jpg"></span>
                <span class="text">${item.title}</span>
                <p>14K金戒指 简约时尚设计 大牌格调</p>
                <span class="price">
                    <em>现价：${item.discprice}</em>
                    <em>原价：${item.saleprice}</em>
                    <i class="icon">&#xe68d;</i>
                </span>
            </a>
        </section>
    </c:forEach>

	<%--<section class="list_main">--%>
    	<%--<a href="">--%>
    	<%--<span class="pic"><img src="${basePath}/resources/weixin/Images/com/02.jpg"></span>--%>
    	<%--<span class="text">FANCI范琦彩金对戒k金环珠宝首饰品14k黄金戒指女款日韩情侣对戒</span>--%>
        <%--<p>14K金戒指 简约时尚设计 大牌格调</p>--%>
    	<%--<span class="price">--%>
            <%--<em>现价：3199.00</em>--%>
            <%--<em>原价：3199.00</em>--%>
            <%--<i class="icon">&#xe68d;</i>--%>
    	<%--</span>--%>
        <%--</a>--%>
    <%--</section>--%>
	<%--<section class="list_main">--%>
    	<%--<a href="">--%>
    	<%--<span class="pic"><img src="${basePath}/resources/weixin/Images/com/02.jpg"></span>--%>
    	<%--<span class="text">FANCI范琦彩金对戒k金环珠宝首饰品14k黄金戒指女款日韩情侣对戒</span>--%>
        <%--<p>14K金戒指 简约时尚设计 大牌格调</p>--%>
    	<%--<span class="price">--%>
            <%--<em>现价：3199.00</em>--%>
            <%--<em>原价：3199.00</em>--%>
            <%--<i class="icon">&#xe68d;</i>--%>
    	<%--</span>--%>
        <%--</a>--%>
    <%--</section>--%>
</main>

<footer class="bottom">
	<a  class="hover"  href="${weixinPath}/shop"><i class="icon">&#xe653;</i><em>首页</em></a>
	<a href="${weixinPath}/category"><i class="icon">&#xe658;</i><em>分类</em></a>
	<a href="${weixinPath}/shoppingchart"><i class="icon">&#xe68d;</i><em>购物车</em></a>
	<a href="${weixinPath}/member"><i class="icon">&#xe625;</i><em>会员</em></a>
</footer>

<!-- 菜单栏 -->
<section class="menu_bg show_menu"><!-- menu_bg 起始状态  show_menu 显示  hide_menu 隐藏 -->
	<a class="icon menu_tion" href="">&#xe600;</a>
    <span class="menu_nav">
    	<a href="${weixinPath}/shop"><img src="${basePath}/resources/weixin/Images/column@_07.png"></a>
        <a href="${weixinPath}/shoppingchart"><img src="${basePath}/resources/weixin/Images/column@_06.png"></a>
        <a href="${weixinPath}/refurbish/index"><img src="${basePath}/resources/weixin/Images/column@_01.png"></a>
        <a href="${weixinPath}/repair/index"><img src="${basePath}/resources/weixin/Images/column@_02.png"></a>
        <a href="${weixinPath}/testing/index"><img src="${basePath}/resources/weixin/Images/column@_03.png"></a>
        <a href="${weixinPath}/recovery/index"><img src="${basePath}/resources/weixin/Images/column@_04.png"></a>
        <a href="${weixinPath}/exchange/index"><img src="${basePath}/resources/weixin/Images/column@_05.png"></a>
    </span>


</section>

<script type="text/javascript" src="${basePath}/resources/weixin/js/swiper.min.js"></script>
<script type="text/javascript">
var swiper = new Swiper('.banner', {
	pagination: '.spot',
    paginationClickable: true
});
</script>
</body>
</html>
